<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>依山傍水人家欢迎您</title>
		<link rel="stylesheet" href="css/layer.css" />
		<link rel="stylesheet" href="css/details.css" />
		<link rel="shortcut icon" href="img/logo.ico"/> 
	</head>
	<script type="text/javascript" src="js/jquery-1.11.3.min.js" ></script>
	<script type="text/javascript" src="js/jquery-1.11.3.js"></script>

	<body>
		
		<div id="container">
			<header id="nav">
				<div id="logo">
					<img src="img/logo.png" />
				</div>
				<div id="tel">
					<p>联系方式：</p>
					<p>0571-63790303   &nbsp; 18968024068 &nbsp; 13758282172</p>
				</div>
			</header>
			<div id="content">
				<nav id="list">
					<a href="index.html" style="color: red;">网站首页</a>
					<a href="about.html" target="_blank" >农家简介</a>
					<a href="show.html" target="_blank">农家风光</a>
					<a href="car.html" target="_blank">乘车路线</a>
					<a href="connect.html" target="_blank">联系我们</a>
				</nav>
				<div id="c_left">
					<div class="top">
						<video loop="loop" autoplay="autoplay" controls="controls" src="video/临安神龙川旅游度假区-农家乐宣传片[标清版].mp4"></video>
					</div>
					<div class="bottom">
						<p>农家特色</p>
						<nav>
							<a href="#" onmousedown="tesecai()">特色菜</a>
							<a href="#" onmousedown="tutecan()">土特产</a>
							
						</nav>
					</div>
				</div>
				<div id="c_right">
					<div id="top">
						<div class="ads" id="ads0"><img src="img/11.jpg"/></div>
						<div class="ads" id="ads1"><img src="img/10.jpg"/></div>
						<div class="ads" id="ads2"><img src="img/7.jpg"/></div>
						<div class="ads" id="ads3"> <img src="img/8.jpg"/></div>
						<div class="ads" id="ads4"><img src="img/9.jpg"/></div>
						<div class="ads" id="ads5"><img src="img/6.jpg"/></div>
					</div>
					<div class="bottom">
						<h3>农庄风光</h3>
						<div class="list">
							<a href="img/大厅正门.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/大厅正门.jpg"/></dt>
								<dd>大厅正门</dd>
							</dl></a>
							<a href="img/标准客房1.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/标准客房1.jpg" </dt>
								<dd>标准客房</dd>
							</dl></a>
							<a href="img/风景3溪水.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/风景3溪水.jpg"</dt>
								<dd>溪水潺潺</dd>
							</dl></a>
							<a href="img/风景游泳2.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/风景游泳2.jpg"</dt>
								<dd>天然泳池</dd>
							</dl></a>
							<a href="img/风景4.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/风景4.jpg"</dt>
								<dd>清澈山泉</dd>
							</dl></a>
							<a href="img/特色菜5.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/特色菜5.jpg"</dt>
								<dd>林间采摘</dd>
							</dl></a>
							<a href="img/风景6.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/风景6.jpg" </dt>
								<dd>林间风光</dd>
							</dl></a>
							<a href="img/风景水1.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/风景水1.jpg" </dt>
								<dd>门前小溪</dd>
							</dl></a>
							<a href="img/特色菜3.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/特色菜3.jpg"</dt>
								<dd>本鸡煲</dd>
							</dl></a>
							
						</div>
						<div class="tesecai">
							<a href="img/特色菜4.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/特色菜4.jpg"/></dt>
								<dd>竹笋</dd>
							</dl></a>
							<a href="img/特色菜3.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/特色菜3.jpg" </dt>
								<dd>土鸡煲</dd>
							</dl></a>
							<a href="img/各式农家菜.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/各式农家菜.jpg" </dt>
								<dd>各式农家菜</dd>
							</dl></a>
							<a href="img/放养土鸡.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/放养土鸡.jpg" </dt>
								<dd>放养土鸡</dd>
							</dl></a>
							<a href="img/烧烤.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/烧烤.jpg" </dt>
								<dd>烧烤</dd>
							</dl></a>
							<a href="img/特色菜1.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/特色菜1.jpg" </dt>
								<dd>自种绿色蔬菜</dd>
							</dl></a>
							<a href="img/特色菜2.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/特色菜2.jpg" </dt>
								<dd>自种绿色蔬菜</dd>
							</dl></a>
							<a href="img/过年土猪.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/过年土猪.jpg" </dt>
								<dd>过年土猪</dd>
							</dl></a>
							<a href="img/野生石斑鱼.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/野生石斑鱼.jpg" </dt>
								<dd>野生石斑鱼</dd>
							</dl></a>
						</div>
						<!--土特产 -->
						<div class="tutecan">
							<a href="img/山核桃1.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/山核桃1.jpg"/></dt>
								<dd>临安手剥山核桃</dd>
							</dl></a>
							<a href="img/山核桃2.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/山核桃2.jpg" </dt>
								<dd>野生山核桃</dd>
							</dl></a>
							<a href="img/山核桃仁.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/山核桃仁.jpg" </dt>
								<dd>山核桃仁</dd>
							</dl></a>
							<a href="img/笋干1.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/笋干1.jpg" </dt>
								<dd>自制石笋干</dd>
							</dl></a>
							<a href="img/笋干2.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/笋干2.jpg" </dt>
								<dd>自制石笋干</dd>
							</dl></a>
							<a href="img/采摘山核桃.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/采摘山核桃.jpg" </dt>
								<dd>采摘山核桃</dd>
							</dl></a>
							<a href="img/茶叶1.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/茶叶1.jpg" </dt>
								<dd>高山茶叶</dd>
							</dl></a>
							<a href="img/梅干菜.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/梅干菜.jpg" </dt>
								<dd>自制梅干菜</dd>
							</dl></a>
							<a href="img/毛笋干1.jpg" target="_blank"><dl class="imgShow">
								<dt><img src="img/毛笋干1.jpg" </dt>
								<dd>特色毛笋干</dd>
							</dl></a>
						</div>
					</div>
				</div>
			</div>
			
			<div id="footer"></div>
			
			<!--
            	作者：2546277154@qq.com
            	时间：2015-12-24
            	描述：
            -->
			
		</div>
		<script type="text/javascript">
	
			var curid=0;
			var imgcnt = 6;
			setInterval(function(){
			       $("#ads"+curid).hide();
			    curid=(++curid) % imgcnt ;
			    $("#ads"+curid).show();
			}, 2000);
			
			function tesecai(){
				$("h3").text("特色菜");
				$(".list").hide();
				$(".tutecan").hide();
				$(".tesecai").show();
			}
			
			function tutecan(){
				$("h3").text("土特产");
				$(".list").hide();
				
				$(".tesecai").hide();
				$(".tutecan").show();
			}
		</script>
	</body>
</html>
